<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Spiral 博客示例</title>

    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css"
          integrity="sha256-L/W5Wfqfa0sdBNIKN9cG6QA5F2qx4qICmU2VgLruv9Y=" crossorigin="anonymous">

    <!-- Custom styles for this template -->
    <link rel="stylesheet" href="/styles/blog.css">
</head>
<body>
<div class="container">
    <header class="blog-header py-3" id="header">
        <div class="row flex-nowrap justify-content-between align-items-center">
            <div class="col-4 pt-1">
                <a class="text-muted" href="#">订阅</a>
            </div>
            <div class="col-4 text-center">
                <a class="blog-header-logo text-dark" href="#">Spiral 博客示例</a>
            </div>
            <div class="col-4 d-flex justify-content-end align-items-center">
                <a class="text-muted" href="#" aria-label="Search">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor"
                         stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="mx-3" role="img"
                         viewBox="0 0 24 24" focusable="false"><title>Search</title>
                        <circle cx="10.5" cy="10.5" r="7.5"/>
                        <path d="M21 21l-5.2-5.2"/>
                    </svg>
                </a>
                <a class="btn btn-sm btn-outline-secondary" href="#">加入</a>
            </div>
        </div>
    </header>
    <div class="jumbotron p-4 p-md-5 text-white rounded bg-dark">
        <div class="col-md-12 col-md-offset-1 px-0">
            <h1 class="display-4 font-italic">Spiral: 性能卓越的PHP/Golang混合开发框架</h1>
            <p class="lead my-3">Spiral 是一个基于 PHP 和 Golang 的混合开发框架，它的理念是让 PHP 负责业务逻辑（应用程序）的开发，而 Golang 负责底层基础服务，这样一来能够很好地把 Golang 的高性能和 PHP 的快速开发和快速部署结合起来。</p>
            <p class="lead mb-0"><a href="https://cloud.tencent.com/developer/article/1584014?s=original-sharing" class="text-white font-weight-bold">了解更多...</a></p>
        </div>
    </div>
</div>

<main role="main" class="container">
    <div class="row">
        <div class="col-md-8 blog-main">
            <?php if ($post): ?>
                <div class="blog-post">
                    <h2 class="blog-post-title"><?= $post['title'] ?></h2>
                    <p class="blog-post-meta">更新时间：<?= $post['updated_at'] ?></p>
                    <div class="blog-post-content"><p><?= $post['content'] ?></p></div>
                </div><!-- /.blog-post -->
            <?php else: ?>
                <div class="blog-post">
                    <p>文章不见了 :-(</p>
                </div>
            <?php endif; ?>
            <nav class="blog-pagination">
                <a class="btn btn-outline-primary" href="/posts">返回列表</a>
            </nav>
        </div><!-- /.blog-main -->

        <aside class="col-md-4 blog-sidebar">
            <div class="p-4 mb-3 bg-light rounded">
                <h4 class="font-italic">关于</h4>
                <p class="mb-0">Spiral Framework 让 PHP 开发重新令人振奋。它利用 PHP 的快速，易部署特性来实现快速开发业务逻辑，同时独特地借助 Golang 来优雅地构建起原生支持
                    HTTP/2, GRPC, Queue 等特性的基础架构层。Spiral Framework 非常灵活且完全遵守 PSR 规范。开发者在用它构建更快、更高效的应用时一定会感到非常愉悦。</p>
            </div>

            <div class="p-4">
                <h4 class="font-italic">友情链接</h4>
                <ol class="list-unstyled mb-0">
                    <li><a href="https://spiral.dev/">Spiral 官网（英语）</a></li>
                    <li><a href="https://spiral.dev/docs/">官方文档（英语）</a></li>
                    <li><a href="https://studyspiral.cn/docs/">中文文档（翻译中）</a></li>
                    <li><a href="https://www.ofcss.com/">裁纸刀下</a></li>
                    <li><a href="https://cloud.tencent.com/developer/column/1236">云加社区专栏</a></li>
                </ol>
            </div>
        </aside><!-- /.blog-sidebar -->

    </div><!-- /.row -->

</main><!-- /.container -->

<footer class="blog-footer">
    <p>基于 <a href="https://www.studyspiral.cn/">Spiral</a> 的博客示例程序</p>
    <p>
        <a href="#header">返回顶部</a>
    </p>
</footer>
</body>
</html>
